<template>
    <div class="loading">
      <van-loading type="spinner" color="#1989fa" />
    </div>
  </template>
  
  <script>
    import Vue from 'vue';
    import {Loading} from 'vant';
  
    Vue.use(Loading); 
  
    export default {
      name: 'LOADING',
      data() {
        return {}
      },
    }
  </script>
  <style >
    .loading {
      position: fixed;
      z-index: 9999;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>